<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>购物系统</title>
    <link rel="stylesheet" href="./normailize.css">
    <link rel="stylesheet" href="./style.css">
</head>
<body>
    <div class="app">
        <div class="biaoti">购物车</div>
        <div class="fubiaoti">工3件宝贝 收货地址：辽宁省锦州市北镇市</div>
        <div class="list">
            <div class="card">
                <div class="dianming">川汉子旗舰店</div>
                <div class="zuoyou">
                    <img src="./1.jpg" alt="" class="zuo">
                    <div class="you">
                        <div class="mingcheng">川汉子灯影牛肉丝500g</div>
                        <div class="guige">麻辣味250g*2袋</div>
                        <div class="jiage">￥55.8</div>
                    </div>
                </div>
            </div>
            <div class="card">
                <div class="dianming">猫诚旗舰店</div>
                <div class="zuoyou">
                    <img src="./2.jpg" alt="" class="zuo">
                    <div class="you">
                        <div class="mingcheng">印尼进口小吃礼包</div>
                        <div class="guige">烧烤味480g</div>
                        <div class="jiage">￥69.8</div>
                    </div>
                </div>
            </div>
            <div class="card">
                <div class="dianming">觅鲜生旗舰店</div>
                <div class="zuoyou">
                    <img src="./3.jpg" alt="" class="zuo">
                    <div class="you">
                        <div class="mingcheng">云南特产蘑菇肉酱</div>
                        <div class="guige">1瓶</div>
                        <div class="jiage">￥14.8</div>
                    </div>
                </div>
            </div>
            <div class="card">
                <div class="dianming">觅鲜生旗舰店</div>
                <div class="zuoyou">
                    <img src="./3.jpg" alt="" class="zuo">
                    <div class="you">
                        <div class="mingcheng">云南特产蘑菇肉酱</div>
                        <div class="guige">1瓶</div>
                        <div class="jiage">￥14.8</div>
                    </div>
                </div>
            </div>
            <div class="card">
                <div class="dianming">觅鲜生旗舰店</div>
                <div class="zuoyou">
                    <img src="./3.jpg" alt="" class="zuo">
                    <div class="you">
                        <div class="mingcheng">云南特产蘑菇肉酱</div>
                        <div class="guige">1瓶</div>
                        <div class="jiage">￥14.8</div>
                    </div>
                </div>
            </div>
            <div class="card">
                <div class="dianming">觅鲜生旗舰店</div>
                <div class="zuoyou">
                    <img src="./3.jpg" alt="" class="zuo">
                    <div class="you">
                        <div class="mingcheng">云南特产蘑菇肉酱</div>
                        <div class="guige">1瓶</div>
                        <div class="jiage">￥14.8</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="zongjilan">
        <div class="zongji">总计</div>
        <div class="zongjijiage">￥124.8</div>
        <div class="jiesuan">结算</div>
    </div>
</body>
</html>